.layout {
  height: 100%;
  min-height: 100vh;
}

.logo {
  margin: 16px 20px;
  overflow: hidden;
  text-align: center;

  img {
    width: 100%;
    height: 46px;
  }
}

.sider {
  box-shadow: 6px 0 6px 2px rgb(52 63 75 / 2%);
  z-index: 101;
  overflow-y: auto;
  user-select: none;
}

.header {
  padding: 0 25px;
  background-color: #fff;
}

.siteContent {
  display: flex;
  height: 100%;
  padding: 24px;
  padding-bottom: 0;
  overflow: auto;
  flex-direction: column;

  & > :first-child {
    flex: 1;
    border-radius: 4px;
  }
}

.footer {
  text-align: center;
  white-space: nowrap;
}
